html, body {
    height: 100%;
    color: rgb(31, 31, 31);
    text-decoration: none;
}
body {
    margin: 0;
}
.flex-container {
    overflow: hidden;
    height: 100%;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
}
.row {
    width: auto;
}
.flex-item {
    text-align: center;
}

.flex-item img {
    max-width: 60%;
}

#block--phone i, #block--mail i{
    text-align: left;
    padding-right: 1rem;
}



@media screen and (min-width: 768px) {
    .flex-item img{
        max-width: 50%;
    }
  }

@media screen and (min-width: 998px) {
    .flex-item img{
        max-width: 30%;
    }
}